@function rrem ($args){
  @return ($args/200)+rem
};
.activity-detail{
  position: fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-color: #4BACEE;
  &-container{
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding:rrem(190) rrem(40) rrem(50) rrem(40);
    box-sizing: border-box;
  }
  &-bg1{
    position: absolute;
    top:0;
    width: 100%;
  }
  &-bg2{
    position: absolute;
    bottom:0;
    width: 100%;
  }
  &-content{
    flex: 1;
  }
  &-buy-row{
    margin-top:rrem(35);
    z-index: 999;
  }
  .bottom-btn-mask{
    background-color: #D9B803;
    height:rrem(120);
    width: 100%;
    display: flex;
    align-items: center;
  }
  &-buy-btn{
    width: 100%;
    background-color: rgba(243,208,12,.8);
    height:rrem(80);
    font-size: rrem(40);
    color:#248ACE;
    font-weight: bold;
  }
  &-content{
    border:rrem(4) solid #fff;
    z-index: 999;
    display: flex;
    flex-direction: column;
    &-bg{
      background-color: rgba(255,255,255,.7);
      overflow-y: scroll;
      -webkit-overflow-scrolling: touch;
      flex:1;
      margin:rrem(10);

    }
  }
  .w-100{
    width: 100%;
  }
  &-img1{
    margin-top:rrem(50);
  }
  &-img2{
    margin-top:rrem(50);
  }
  &-img3{
    margin-top:rrem(30);
  }
  &-img4{
    margin-top:rrem(50);
    margin-bottom: rrem(100);
  }
}
